<template>
	<div style="width: 200px; height: 100vh; background: #1C1C1C; overflow: auto;">
    <div >
      <router-link to="/canshu" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-edit"></i></div>
        <div>参数设置</div>
      </router-link>
    </div>
    <div >
      <router-link to="/xitong" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-setting"></i></div>
        <div>系统设置</div>
      </router-link>
    </div>
    <div >
      <router-link to="/caijizhan" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-monitor"></i></div>
        <div>采集站管理</div>
      </router-link>
    </div>
    <div >
      <router-link to="/caijizhanxin" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-monitor"></i></div>
        <div>采集站管理新</div>
      </router-link>
    </div>
    <div >
      <router-link target="_blank" to="/canshushezhi" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-monitor"></i></div>
        <div>新参数设置</div>
      </router-link>
    </div>
    <div >
      <router-link to="/menxian" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-document-add"></i></div>
        <div>门限管理</div>
      </router-link>
    </div>
    <div >
      <router-link to="/shujufenxi" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-data-line"></i></div>
        <div>数据分析</div>
      </router-link>
    </div>
    <div >
      <router-link to="/shujuchakan" class="flexc navli">
        <div style="margin-right: 10px;"><i class="el-icon-data-analysis"></i></div>
        <div>数据查看</div>
      </router-link>
    </div>

    <div >
      <router-link to="/shiboqi" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-picture-outline"></i></div>
        <div>频谱分析</div>
      </router-link>
    </div>
    <div >
      <router-link to="/jiancebaogao" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-document-add"></i></div>
        <div>监测报告</div>
      </router-link>
    </div>
    <div >
      <router-link to="/zhoucheng" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-receiving"></i></div>
        <div>轴承管理</div>
      </router-link>
    </div>



    <div >
      <router-link to="/baocuorizhi" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-info"></i></div>
        <div>报错日志</div>
      </router-link>
    </div>
    <div >
      <router-link to="/zidian" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-s-opportunity"></i></div>
        <div>字典管理</div>
      </router-link>
    </div>
    <div >
      <router-link to="/shiboqitest" class="flexc navli">

        <div style="margin-right: 10px;"><i class="el-icon-s-opportunity"></i></div>
        <div>示波器测试</div>
      </router-link>
    </div>
  </div>
</template>

<script>

	export default {
		name: 'left',
		data() {
			return {

			}
		},
		created() {

		},
		mounted() {

		},
		methods: {

    }
	}
</script>


<style scoped lang="less">

  .navli{  color: #fff; cursor: pointer; padding: 20px 0px 20px 20px; transition: all 0.5s;
    &:hover{
      color: rgb(209, 226, 7) !important; background: linear-gradient(270.00deg, rgb(50, 51, 55),rgb(44, 49, 4) 100%) !important;
    }
  }
  .router-link-active{ color: rgb(209, 226, 7); background: linear-gradient(270.00deg, rgb(50, 51, 55),rgb(44, 49, 4) 100%);
    img{
      filter: drop-shadow(rgb(209, 226, 7) 200px 0);
      transform: translateX(-200px);
      position: relative;
      top: -1px;
    }
  }
</style>
